<template>
  <div>
    <div class="nav">
      <div class="close-area" @click="close">
        <img src="/assets/close.png" alt="" />
      </div>
      <div class="title">
        {{ route.meta.title }}
      </div>
    </div>
    <!-- <div class="gap"></div> -->
  </div>
</template>

<script setup>
import { completeSigningWithError } from '@cis/mybmw-bridge-digital-signature'
import { useRoute } from 'vue-router'
let route = useRoute()

import { useRouter } from 'vue-router'
const router = useRouter()
function close() {
  completeSigningWithError({ reason: 'cancel' })
  // router.go(-1)
}
</script>

<style lang="scss" scoped>
.nav {
  border-bottom: 1px solid rgba(0, 0, 0, 0.02);
  // position: fixed;
  // top: 0;
  // left: 0;
  width: 100%;
  // z-index: 1;
  background-color: white;
  height: var(--nav-heigth);
  .close-area {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--nav-heigth);
    height: var(--nav-heigth);
    // background-color: pink;
    display: flex;
    align-items: center;
    justify-content: center;
    img {
      width: 10px;
      height: 10px;
      display: block;
    }
  }
  .title {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: black;
    font-weight: 700;
  }
}
.gap {
  height: var(--nav-heigth);
}
</style>
